<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>产品管理页</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<link rel="stylesheet" href="../static/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="../static/css/product_control.css" />
		<link rel="stylesheet" type="text/css" href="../static/css/page.css"/>
	</head>

	<body>
		<div class="main">
			<!--导航-->
			<ol class="breadcrumb">
				<li>
					<a href="#">产品管理</a>
				</li>
				<li>
					<a href="#" class="active">产品管理</a>
				</li>
			</ol>
			<!--搜索行-->
			<div class="input-group">
				<input type="text" class="input" placeholder="请输入产品名称/规格">
				<button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-search"></span>搜索</button>
                <a href=""><span class="box-span">高级搜索</span></a>
			</div>
			
			<div class="but-group">
				<button type="button" class="btn"><a href="#">发布产品</a></button>
				<button type="button" class="btn"><a href="#">批量上传</a></button>
				<button type="button" class="btn btn-left"><a href="#">列设置</a></button>
			</div>
			<!--产品管理表格-->
			<table class="table table-bordered">
				<tr class="table-nav">
					<td class="col-md-1">SKU编码</td>
					<td class="col-md-1">产品名称</td>
					<td class="col-md-1">分类</td>
					<td class="col-md-1">规格/牌号</td>
					<td class="col-md-1">厂家</td>
					<td class="col-md-1">单位</td>
					<td class="col-md-1">价格</td>
					<td class="col-md-1">状态</td>
					<td class="col-md-1 operation">操作</td>
				</tr>
				<tr>
					<td class="col-md-1">10301005</td>
					<td class="col-md-1">LLDPE薄膜</td>
					<td class="col-md-1 fontCenter">PE</td>
					<td class="col-md-1 fontCenter">18D</td>
					<td class="col-md-1 fontCenter">东华能源</td>
					<td class="col-md-1 fontCenter">吨</td>
					<td class="col-md-1 fontCenter">
						<input type="text"  class="price" /></td>
					<td class="col-md-1 fontCenter">在售</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">上架</a>
					</td>
				</tr>
				<tr>
					<td class="col-md-1">10301005</td>
					<td class="col-md-1">LLDPE薄膜</td>
					<td class="col-md-1 fontCenter">PE</td>
					<td class="col-md-1 fontCenter">18D</td>
					<td class="col-md-1 fontCenter">东华能源</td>
					<td class="col-md-1 fontCenter">吨</td>
					<td class="col-md-1 fontCenter">
						<input type="text" class="price" />
					</td>
					<td class="col-md-1 fontCenter">停售</td>
					<td class="col-md-1 fontCenter operation_a">
						<a href="#">编辑</a>&nbsp;&nbsp;
						<a href="#">下架</a>
					</td>
				</tr>
			</table>
			<!--分页-->
			<div class="page-footer">
				<nav aria-label="Page navigation" class="nav">
					<ul class="pagination">
						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li>
							<a href="#">1</a>
						</li>
						<li>
							<a href="#">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
				<div class="btn-group">
					<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    5条/页 <span class="caret"></span>
  </button>
					<ul class="dropdown-menu">
						<li>
							<a href="#">5条/页</a>
						</li>
						<li>
							<a href="#">Another action</a>
						</li>
						<li>
							<a href="#">Something else here</a>
						</li>
						<li role="separator" class="divider"></li>
						<li>
							<a href="#">Separated link</a>
						</li>
					</ul>
					<div class="skip">
						<span>跳至</span><input type="text" class="input-page" />页
					</div>
				</div>
			</div>
		</div>
		<script src="../static/js/product_control.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>